<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

<title></title>


<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/x0popup.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery.classycountdown.min.css" />
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/jquery.knob.js"></script> 
<script src="js/jquery.throttle.js"></script>
<script src="js/jquery.classycountdown.min.js"></script>
<script src="js/x0popup.min.js"></script>
<style>
    .ClassyCountdownDemo { text-align: center;}
    /*#countdown3 { background:rgb(52, 73, 94) }*/
</style>
<style>
.game-main {
    position: relative;
    height: 171px;
    padding: 20px 0 10px;
    text-align: center
}

.game-fruits-img {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 18;
    margin: -73px 0 0 -76px;
    background: #fff;
    width: 154px;
    height: 154px;
    border-radius: 154px
}

.game-fruits-img img {
    width: 154px;
    height: 154px;
    border-radius: 154px
}
</style>
</head>

<body>

<!-- 	<input type="text" name="con" id="con"/>
	<button onclick="test()">发送</button> -->

	<div class="wrap">

		<div class="enter_wrap">

			<!--<div class="wrap_top">

				<img class="top_img" src="images/img_top.png">

			</div>-->

			<div class="wrap_center">

				<div class="enter_btn">开始游戏</div>

			</div>

			<div class="wrap_bottom">

			</div>

		</div><!-- /.enter_wrap -->

		<div class="topic_wrap">

			<div class="fade_wrap">

				<!-- <div class="wrap_top">
					
					<div class="topic_no">

						<span class="curr_no" id="curr_no">1</span>/<span class="count">10</span>

					</div>

				</div> -->
				<div id="countdown3" class="ClassyCountdownDemo"></div>


				<div class="wrap_top1">
					<!-- <div class="game-main" id="J_game_m">
    					<div class="game-fruits-img">
        					<img id="J_fruits_img">
    					</div>
					</div> -->
					
					<div class="topic_title" id="topic_title"></div>

				</div>
				
				<div class="wrap_center">
					<table class="topic_option" id="topic_option">

					</table>

				</div>

			</div>

			<div class="wrap_bottom">
			<!--<img class="lagou_logo" src="images/topic_bottom.png">-->


			</div>

		</div><!-- /.topic_wrap -->

		<div class="over_wrap">

			<div class="wrap_top">

				<div class="over_grade">

					<span class="grade_title">您的智商指数是</span>

					<span class="grade">

						<div class="grade_detail_wrap">

							<b class="grade_detail"></b>分

						</div>

					</span>

				</div>

			</div>

			<div class="wrap_center">

				<div class="over_des">

					<span class="des_title">智商关键词</span>

					<div class="des_content">

						<div class="des_keyword"></div>

						<div class="des_detail"></div>

					</div>

				</div> 

				<div class="over_btn">
					<div class="over_btn_detail over_share">分享结果</div>
					<div class="over_btn_detail back"><a href="demo.html">再玩一次</a></div>
				</div>

			</div>

			<div class="wrap_bottom">

			</div>

		</div><!-- /.over_wrap -->

		<div class="share_wrap">

			<div class="share_text">

				

			</div>

		</div>
		<div class="choose_wrap">
			<div class="selectPage vetically">

			    <button class="btn btn-3d" onclick="choose(1)">综合题</a>
			    <button class="btn btn-3d" onclick="choose(2)">足球题</a>
			    <button class="btn btn-3d" >尽请期待</a>

			</div>
		</div>

	</div><!-- /.wrap -->


	<script type="text/javascript" src="js/index.js"></script>

	<script type="text/javascript">

	careerism.init();

	</script>

	<script type="text/javascript">
		
	</script>

</html> 